﻿<!DOCTYPE html>
<html lang="zh-CN">
<!-- BEGIN HEAD -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <title>QrF | 首页</title>
    <!-- Favicons-->
    <link rel="shortcut icon" href="/favicon.ico" />
    <!-- CORE CSS-->
    <link href="../../content/css/materialize.min.css" rel="stylesheet" />
    <link href="../../content/css/style.min.css" rel="stylesheet" />

    <link href="../../content/css/customer.css" rel="stylesheet" />
    <!-- INCLUDED LIB CSS ON PAGE -->
    <link href="../../content/js/lib/sweetalert/sweetalert.css" rel="stylesheet" />
</head>
<body>
    <!-- Start Page Loading -->
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>
    <!-- End Page Loading -->
    <!-- START MAIN -->
    <div id="main">
        <!-- START WRAPPER -->
        <div class="wrapper">
            <!-- START LEFT SIDEBAR NAV-->
            <aside id="left-sidebar-nav">
                <!-- start header nav-->
                <div class="side-nav fixed">
                    <nav class="navbar-color">
                        <div class="nav-wrapper nav-small">
                            <h1 class="logo-wrapper"><a href="index.html" class="brand-logo darken-1"><img src="/content/images/materialize-logo.png" alt="materialize logo"></a> <span class="logo-text">Materialize</span></h1>
                        </div>
                    </nav>
                </div>
                <!-- end header nav-->
                <ul id="slide-out" class="side-nav fixed leftside-navigation">
                    <li class="user-details cyan darken-2">
                        <div class="row">
                            <div class="col col s4 m4 l4">
                                <i class="mdi-action-account-circle medium"></i>
                            </div>
                            <div class="col col s8 m8 l8">
                                <ul id="profile-dropdown" class="dropdown-content">
                                    <li>
                                        <a href="#"><i class="mdi-action-face-unlock"></i> 信息</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="mdi-action-settings"></i> 设置</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="/login/logout"><i class="mdi-hardware-keyboard-tab"></i> 注销</a>
                                    </li>
                                </ul>
                                <a class="btn-flat dropdown-button waves-effect waves-light white-text profile-btn user-name" href="#" data-activates="profile-dropdown"><i class="mdi-navigation-arrow-drop-down right"></i></a>
                                <p class="user-roal">系统管理员</p>
                            </div>
                        </div>
                    </li>
                    <li class="bold active">
                        <a href="/" class="waves-effect waves-cyan"><i class="mdi-action-dashboard"></i> 首页</a>
                    </li>
                </ul>
                <a href="#" data-activates="slide-out" class="sidebar-collapse btn btn-floating btn-medium waves-effect waves-light hide-on-large-only cyan"><i class="mdi-navigation-menu"></i></a>
            </aside>
            <!-- END LEFT SIDEBAR NAV-->
            <!-- START CONTENT -->
            <section id="content">
                <!--breadcrumbs start-->
                <div id="breadcrumbs-wrapper">
                    <div class="container">
                        <div class="row">
                            <div class="col s12 m12 l12">
                                <h5 class="breadcrumbs-title">首页</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <!--breadcrumbs end-->
                <!--start container-->
                <div class="container">
                    <div class="section">
                        <ul class="collapsible popout collapsible-accordion" data-collapsible="accordion">
                            <li>
                                <div class="collapsible-header"><i class="mdi-content-send"></i>快捷入口</div>
                                <div class="collapsible-body row">
                                    <div class="col s3 offset-s1 center-align">
                                        <a class="btn btn-floating btn-large btn-flat waves-effect waves-light pink accent-2 white-text" href="/customer/info">
                                            <i class="mdi-action-credit-card"></i>
                                        </a>
                                        <p> 客户信息</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="collapsible-header active"><i class="mdi-social-notifications-on"></i>即将到期客户</div>
                                <div class="collapsible-body">
                                    <ul id="task-card" class="collection with-header">
                                        <li class="collection-header cyan">
                                            <h4 class="task-card-title">显示即将到期的十条客户信息</h4>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task1" />
                                            <label for="task1">
                                                <span class="">客户姓名：XXX</span><span class="">联系方式：XXX</span><span class="">购买产品：XXX</span>
                                                <a href="#" class="secondary-content"><span class="ultra-small">今天过期</span></a>
                                            </label>
                                            <span class="task-cat pink">即将过期</span>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task2" />
                                            <label for="task2">
                                                <span class="">客户姓名：XXX</span><span class="">联系方式：XXX</span><span class="">购买产品：XXX</span>
                                                <a href="#" class="secondary-content"><span class="ultra-small">3天后过期</span></a>
                                            </label>
                                            <span class="task-cat pink">即将过期</span>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <div class="collapsible-header"><i class="mdi-social-notifications-off"></i>已过期客户</div>
                                <div class="collapsible-body">
                                    <ul id="task-card" class="collection with-header">
                                        <li class="collection-header cyan">
                                            <h4 class="task-card-title">显示最近过期的十条客户信息</h4>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task11" checked="checked" disabled="disabled" />
                                            <label for="task2">
                                                <span class="chip">客户姓名：XXX</span><span class="chip">联系方式：XXX</span><span class="chip">购买产品：XXX</span>
                                                <a href="#" class="secondary-content"><span class="ultra-small">已过期XX天</span></a>
                                            </label>
                                                <span class="task-cat purple">已过期</span>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task11" checked="checked" disabled="disabled" />
                                            <label for="task2">
                                                <span class="chip">客户姓名：XXX</span><span class="chip">联系方式：XXX</span><span class="chip">购买产品：XXX</span>
                                                <a href="#" class="secondary-content"><span class="ultra-small">已过期XX天</span></a>
                                            </label>
                                            <span class="task-cat purple">已过期</span>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task11" checked="checked" disabled="disabled" />
                                            <label for="task2">
                                                <span class="chip">客户姓名：XXX</span><span class="chip">联系方式：XXX</span><span class="chip">购买产品：XXX</span>
                                                <a href="#" class="secondary-content"><span class="ultra-small">已过期XX天</span></a>
                                            </label>
                                            <span class="task-cat purple">已过期</span>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--end container-->
            </section>
            <!-- END CONTENT -->
        </div>
        <!-- END WRAPPER -->
    </div>
    <!--[if lt IE 9]>
    <script src="../../content/js/lib/respond.min.js"></script>
    <script src="../../content/js/lib/excanvas.js"></script>
        <![endif]-->
    <script src="../../content/js/lib/sea.js"></script>
    <script src="../../content/js/common.js"></script>
    <script>
        seajs.use('js/app/index.js');
    </script>
</body>
</html>
